<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<title>弹窗</title>
			<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/font-awesome/4.6.3/css/font-awesome.min.css">
		<style>
			.zhezhao{
				display: none;
				height: 100%;
				width: 100%;
				background-color: #333;
				opacity: 0.7;
				position: fixed;
				top: 0;left: 0;
				z-index: 1000;
			}
			.kuang{
				display: none;
				background-color: #fff;
				width: 600px;
				height: auto;
				padding:20px;
				z-index: 1001;
				position: absolute;
				top:200px;
				left: 34%;
			}
			.sc{
				padding-top:20px;
				height: 25px;
				padding:5px;
				border-bottom: 1px solid #eee;
			}
			button{
				background:none;
				border:none;
				padding:8px 15px;
				margin-right:10px;
				
			}
			#shang{
				margin-top:20px;
			}
			.anniu{
				margin-top:20px;
			}
			#bnt01{
				border-color: #32c5d2;
				background:#32c5d2;
				color:#fff;
			}
			#bnt02{
				border-color: #32c5d2;
				background:#7CBCE8;
				color:#fff;
			}
			#bnt03{
				border-color: #32c5d2;
				background:#E1E5EC;
				color:#666;
			}
			.pic{
				display: none;
				width:585px;
				height: 242px;
				border:1px solid #eee;
			}
			
		</style>
	</head>
	<body>
		<div class="zhezhao"></div>
			<div class="kuang">
				<div class="sc">
					上传文件
				</div>
				<div class="pic"><input type="file" id="shang"/></div>
					<div class="anniu">
						<button type="button" id="bnt01"><i class="fa fa-plus"></i>&nbsp;选择文件</button>
						<button type="button" id="bnt02"><i class="fa fa-upload"></i>&nbsp;上传文件</button>
						<button type="button" id="bnt03"><i class="fa fa-trash-o"></i>&nbsp;取消上传</button>
					</div>
		</div>
		
		
	</body>
</html>
